.con{
	.con_rgt{
		width: 300px;
		float:left;
		margin-left:30px;
		.con_rgt_top {
			background:#fff;
			@include border-radius(8px);
			@include box-shadow(#bbb 0px 1px 1px);
			margin-bottom:15px;
			h3{

				text-align:center;
				color:#f4aa28;
				font-weight:normal;
				font-size:19px;
				padding-top:20px;
				img{
					position:relative;
					top:5px;
				}
			}
			ul{
				text-align:center;
				margin-top:15px;
				li{
					font-size:16px;
				}
				
			}
			.all{
				padding-bottom:30px;
				.details{
					margin-bottom:7px;
					.num{
						margin-left:35px;
						float: left;
						padding:10px 20px;
						color:#fb742a;
						font-size:15px;
						background:url('../images/medal.png') no-repeat 6px 6px;
					}
					i{
						img{
							
							margin-top:8px;
							width: 10%;
							@include border-radius(50%);
						}
					}
					.name{
						float:right;
						margin-right:30px;
						margin-top:5px;
						p{
							padding-bottom:2px;
							color:#666;
							font-size:14px;
							span{
								font-size:13px;
								color:#9dd542;
								margin-left:40px;
							}
						}
						.progress{
							background:#c6e5f1;
							height:10px;
							width:134px;
							@include border-radius(3px);
							.bar{
								background:#2aa8d7;
								height:100%;
								width:60%;
								@include border-left-radius(3px);
							}
						}
					}
				}
			}
		}
	}
}
.con .con_rgt_top ul li{
	display:inline-block;
	background:#f3f3f3;
	@include border-radius(5px);
	color:#666;
	padding: 4px 10px;
	cursor:pointer;
	margin-bottom:30px;
}
.con .con_rgt_top ul li.con_active{
	background:#7ebf12;
	color:#fff;
}
.con_rgt_grade{
	@include box-shadow(#ccc 0px 1px 4px);
	background:#fff;
	@include border-radius(4px);
	h3{
		padding-top:10px;
		margin-bottom:18px;
		text-align:center;
		color:#85c51f;
		font-weight:normal;
		font-size:19px;

	}
	.grade_pic{
		width:97%;
		margin:0 auto;
		height:160px;
		background:#deeeeb;
		.pic_title{
			h3{
				color:#f4aa28;
				position: relative;
				top: -129px;
				left: 8px;
				font-size: 27px;
			}
			p{
				color:#11a385;
				position: relative;
				top: -146px;
				left: 110px;
				font-size:16px;

			}
		}
	}
	.grade_show{
		padding:20px 0;
		div{
			margin-top:13px;
			font-size:14px;
			color:#555;
			 .grade_show_pic{
			 	float: left;
			 	margin:0 10px;
				width: 46%;
				height: 10px;
				@include border-radius(4px);
				background:#f3f3f3;
				position: relative;
				margin-top:4px;
			}
			.label{
				float:left;
				margin-left:5px;
			}
		}
	}
}
.psg{
	margin-left:8px;
	h4{
		margin-top:35px;
		color:#79a427;
		font-size:19px;
		font-weight:normal;
		@include text-shadow(1px 1px 3px rgba(121, 164, 39, 0.38));
	}
	p{
		font-size:14px;
		color:#666;
		margin:19px 0;
		a{
			text-decoration:none;
			color:#85c51f;
		}
	}
}